/*@mcolor:#e50112;*/
.container{width:980px;margin:auto;}
.text-mainColor{color:#E50112!important;}
.text-white{color:white!important;}
.margin-top-nav{margin-top:-4px;}
.height-10{height:10px;}
.string-bottom-1{border-bottom: 1px solid #a4a4a4;}
.letter-spacing-2{letter-spacing: 2px;}
.letter-spacing-1{letter-spacing: 1px;}
.padding-left-20{padding-left:20px;}
body{min-width:1000px;}
h3,h4{margin-top:0;}
h3{font-size:50px;margin-bottom:30px;letter-spacing: 4px;}
h4{font-size:32px;letter-spacing: 3px;color:#323232;margin-bottom: 30px;}
nav{height:90px;background:url(../img/public/nav-bg.png);background-position:bottom;z-index: 99;position:fixed;width:100%;top:0;left:0;}
nav li,.nav-icon-box{float:left;}
nav li{padding-top:16px;padding-bottom:14px;cursor:pointer;}
nav li.active{border-bottom:6px solid #e50112;}
.nav-text{display:inline-block;float:right;margin-top:19px;padding-right:30px;font-size:16px;line-height:16px;color:#e50112;}
.nav-border-right{border-right:1px solid #e50112;}
.nav-icon-box{display:block;position:relative;width:50px;height:50px;border:2px solid transparent;margin-left: 20px;margin-right: 5px;
transition:border 0.3s ease-out;-webkit-transition:border 0.3s ease-out;}
nav li:hover .nav-icon-box{border:2px solid #e50112;}
.nav-icon-box img{margin:2px 2px;}
#nav-index-item{display: none;}
#nav-logo-box{position:absolute;width:224px;top:0;left:50%;margin-left:-112px;}
#shareBox{margin-top:10px;margin-right:28px;position: relative;}
#shareBox a{display: inline-block;float:left;width:32px;height:32px;margin-left:10px;
box-shadow: 0 2px 2px rgba(0,0,0,0.4);-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);-ms-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
transition:box-shadow 0.2s ease-out;-webkit-transition:box-shadow 0.2s ease-out;-ms-transition:box-shadow 0.2s ease-out;}
#shareBox img{width:100%;height:100%}
#shareBox a:hover{box-shadow: 0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.6);-ms-box-shadow: 0 2px 2px rgba(0,0,0,0.6);}
#weixin,#weibo{cursor: pointer;}
#weibo_pop,#weixin_pop{position: absolute;width:120px;height:120px;top:40px;display: none;z-index: 500;}
#weibo_pop{left:-33px;}
#weixin_pop{left:8px;}
footer li{display: inline;padding:0 30px;}
footer a{color:#E50112;font-size:16px;}
footer a:hover{text-decoration: underline;}
footer div{margin-top:10px;margin-bottom: 20px;color:#323232;}
/*health-tag*/
.bannerTop-health{background:url(../img/health_tag/banner1.png) 50% 0;}
.bannerTop-ntalent{background:url(../img/health_tag/nbanner1.jpg) 50% 0; height:535px !important;}
.bannerTop-ntalent p{position: absolute;width:570px;left:50%;bottom:28px;margin-left:-440px;line-height: 24px;letter-spacing: 0.5px; font-size: 18px; color: #A85F3C;}
.bannerTop-health .TM{vertical-align: top;color:#b26e47;}
.bannerTop-health p{position:absolute;width:290px;left:50%;top:220px;line-height:32px;margin-left:-448px;font-size:18px;color:#b26e47;}
#bottle-wrapper{width:130px;height:236px;position: absolute;left:50%;margin-left: 285px;top:230px;background-image: url(../img/health_tag/bottle.png);
transition:top 0.2s ease-out;-webkit-transition:top 0.2s ease-out;-ms-transition:top 0.2s ease-out;}
.nbanner-two{background:url(../img/health_tag/nbanner2.jpg) 50% 0;height:640px;position:relative;z-index: -1;}
.nbanner-two p{position: absolute;width:680px;left:50%;bottom:83px;margin-left:-335px;line-height: 24px;letter-spacing: 0.5px; font-size: 18px; color: #A85F3C;}
.nbanner-three{background:url(../img/health_tag/nbanner3.jpg) 50% 0;height:640px;position:relative;z-index: -1;}
.nbanner-three p{position: absolute;width:380px;left:50%;top:140px;margin-left:-50px;line-height: 35px;letter-spacing: 0.5px; font-size: 18px; color: #A85F3C;}
.nbanner-three span{display: inline-block; vertical-align: top;}
.nbanner-four{background:url(../img/health_tag/nbanner4.jpg) 50% 0;height:640px;position:relative;z-index: -1;}
.nbanner-four .pone{position: absolute;width:450px;left:50%;top:210px;margin-left:-289px;line-height: 25px;letter-spacing: 0.5px; font-size: 14px; color: #333;}
.nbanner-four .ptwo{position: absolute;width:450px;left:50%;top:380px;margin-left:-289px;line-height: 25px;letter-spacing: 0.5px; font-size: 14px; color: #333;}
.banner-health{width:100%;height:1280px;background:url(../img/health_tag/banner2.png) 50% 0;}
.banner-health ul{width:353px;margin:auto;padding-top:100px;}
.banner-health li{line-height:42px;font-size: 17px;letter-spacing: 1px;color:#b26e47;text-align: center;}
.banner-health .param1{height:312px;margin-bottom: 110px;}
.banner-health .param2{height:309px;margin-bottom: 100px;}
.banner-health .param3{height:250px;}
.list-square li{list-style-type: square;list-style-position: inside;}
.string-bottom-box{height:13px;background: url(../img/public/string-shadow.png) 50% 0;}
/*index*/
.banner{height:640px;position:relative;z-index: -1;}
#myFlash{position: absolute;left:50%;margin-left:-960px;margin-top:-165px;}
/*#myFlashText{display: none;}*/
.index-banner-wrapper{position:absolute;height:100%;width:980px;left:50%;margin-left:-490px;}
.index-banner-wrapper div{position:absolute;}
.index-banner-wrapper img{display: block;}
.index-banner1{background:url(../img/index/banner1.png) 50% 0;}
.index-banner1 .girl{right:0px;bottom:0;width:430px;}
.index-banner1 .title{left:70px;top:200px;}
.index-banner1 .heart{right:30px;top:60px;width:55px;}
.index-banner1 .circle{left:3px;bottom:42px;}
.index-banner1 .string{left:3px;bottom:0;}
.index-nbanner1{background:url(../img/index/nbanner1.jpg) 50% 0; height:553px !important;}
.index-nbanner1 .girl{right:165px;bottom:0;width:430px;z-index: 9;}
.index-nbanner1 .title{left:70px;top:200px;}
.index-nbanner1 .heart{right:110px;bottom:160px;width:55px;}
.index-nbanner1 .circle{left:3px;bottom:42px;}
.index-nbanner1 .string{left:0px;bottom:0;}
.index-banner2{position: relative;overflow: hidden;background:url(../img/index/banner2-main.png) 50% 0;}
.index-nbanner2{position: relative;overflow: hidden;background:url(../img/index/nbanner2-main.jpg) 50% 0;}
#flashBg{position: absolute;width:100%;height:100%;background:url(../img/index/banner2.png) 50% 0;display: none;}
#flashBg1{position: absolute;width:100%;height:100%;background:url(../img/index/nbanner2.png) 50% 0;}
.index-banner2 p{position: absolute;width:250px;left:50%;top:230px;margin-left:137px;line-height: 24px;letter-spacing: 0.5px;}
.index-banner2 p:first-letter,.text-biger{font-size:22px;}
.index-nbanner2 p{position: absolute;width:250px;left:50%;top:180px;margin-left:175px;line-height: 24px;letter-spacing: 0.5px;}
.index-nbanner2 p:first-letter,.text-biger{font-size:22px;}
.index-banner3{background:url(../img/index/banner3.png) 50% 0;}
.index-nbanner3{background:url(../img/index/nbanner3.jpg) 50% 0;}
.index-banner3 .circle1{top:143px;left:445px;}
.index-banner3 .circle2{top:52px;right:-10px;}
.index-banner3 .circle3{bottom:160px;right:370px;}
.index-nbanner3 .circle1{top:233px;left:65px;}
.index-nbanner3 .circle2{top:233px;left:295px;}
.index-nbanner3 .circle3{top:233px;left:485px;}
.index-nbanner3 .circle4{top:233px;left:685px;}
.index-banner3 .arrow_string{top:417px;left:444px;}
.index-banner4{background:url(../img/index/banner4.jpg) 50% 0;}
.index-banner4 .arrow{top:80px;left:30px;width:120px;}
/*greenpo*/
.bannerTop{height:552px;position:relative;z-index: -1;margin-top:88px;}
.nbannerTop{height:640px;position:relative;z-index: -1;margin-top:88px;}
.bannerTop-greenpo{background:url(../img/greenpo/banner-top.png) 50% 0;}
.bannerTop-greenpo p,.bannerTop-greenpo dl,.bannerTop-greenpo dd,.bannerTop-greenpo div{position: absolute;left:50%;}
.bannerTop-greenpo p{width:294px;height:193px;margin-left:153px;margin-top: 252px;font-size:15px; line-height:25px;letter-spacing: 1px;}
.bannerTop-greenpo dl{width:568px;height:0;margin-left:-567px;top: 100px;background-image: url(../img/greenpo/train.png);
transition:height 1.5s ease-out;-webkit-transition:height 1.5s ease-out;-ms-transition:height 1.5s ease-out;}
.bannerTop-greenpo dd{width:187px;height:68px;bottom:115px;left:155px;opacity: 0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;}
.bannerTop-greenpo .textAni{opacity: 1;}
.greenpo-report-box{width:886px;margin:auto;overflow: hidden;}
.greenpo-report-box a{display: block;float:left;width:282px;height:192px;border:2px solid #c7c7c7;padding:20px;
transition:border 0.3s ease-out;-webkit-transition:border 0.3s ease-out;-ms-transition:border 0.3s ease-out;}
.greenpo-report-box a:hover{border:2px solid #323232;}
.greenpo-report-box h5{font-size:22px;color:#E50112;margin-top:3px;margin-bottom: 2px;}
.greenpo-report-box span{margin-bottom:15px;font-family: "微软雅黑";}
.bannerTop-greenpo div{width:323px;height:284px;margin-left:-161.5px;top:-90px;}
.greenpo-timeline-a{background: url(../img/greenpo/history-a.png) 50% 0;height:640px; z-index: -9;position: relative;}
.greenpo-timeline-b{background: url(../img/greenpo/history-b.png) 50% 0;height:440px;}
/*swiperReset*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../img/greenpo/button-prev.png)!important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../img/greenpo/button-next.png)!important;}
.swiper-pagination-bullet-active{background: none repeat scroll 0 0 #e50112;}
.swiper-container {width: 930px;margin: auto;height: 280px;}
.swiper-slide {background: #fff;}
.swiper-string{height:1px;width:980px;margin:50px auto;margin-top:60px;background-color: #e1e1e1;}
.greenpo-products img{display: block;width:787px;margin:auto;}
/*coconutMilk*/
.bannerTop-coconutMilk,.bannerCenter-coconutMilk,.bannerBottom-coconutMilk{position:relative;}
.bannerTop-coconutMilk{background: url(../img/coconut_milk/pic1.png) 50% 0;z-index: -1;padding-top:130px;}
.bannerCenter-coconutMilk{background: url(../img/coconut_milk/pic2.png) 50% 0;padding-top:182px;}
.bannerBottom-coconutMilk{background: url(../img/coconut_milk/pic3.png) 50% 0;padding-top:122px;}
.bannerTop-coconutMilk ul,.bannerCenter-coconutMilk ul,.bannerBottom-coconutMilk div{position:absolute;}
.bannerTop-coconutMilk ul{width:630px;left:50%;margin-left:-220px;}
.bannerTop-coconutMilk li{margin-bottom: 18px;}
.bannerTop-coconutMilk .p1-box{width:393px;height:112px;margin-left:80px;background: url(../img/coconut_milk/partone-1.png);}
.bannerTop-coconutMilk .p2-box{width:584px;height:110px;margin-left:85px;background: url(../img/coconut_milk/partone-2.png);}
.bannerTop-coconutMilk .p3-box{width:168px;height:86px;background: url(../img/coconut_milk/partone-3.png);}
.bannerTop-coconutMilk p{color:#73401e;font-size:14px;}
.bannerTop-coconutMilk .p1{margin-left:54px;padding-top:93px;}
.bannerTop-coconutMilk .p2{padding-top:64px;}
.bannerTop-coconutMilk .p3{padding-top:66px;margin-left:2px;}
.bannerCenter-coconutMilk ul{width:817px;left:50%;margin-left:-344px;}
.bannerCenter-coconutMilk div,.bannerCenter-coconutMilk dl{float:left;}
.bannerCenter-coconutMilk div{margin-right:28px;}
.bannerCenter-coconutMilk dt{font-size:15px;font-weight: bold;margin-bottom: 3px;margin-top:22px;}
.bannerCenter-coconutMilk .param1{margin-left:76px;margin-bottom:56px;width:741px;}
.bannerCenter-coconutMilk .param3{margin-left:503px;margin-top:75px;margin-bottom:12px;width:314px;}
.bannerCenter-coconutMilk .param4{margin-left:303px;width:514px;}
.bannerBottom-coconutMilk div{width:855px;left:50%;margin-left:-427.5px;height:459px;position:relative;}
.guide-line-left,.guide-line-right{width:353px;height:34px;position: absolute;}
.guide-line-left{background-image: url(../img/coconut_milk/string-left.png);}
.guide-line-right{background-image: url(../img/coconut_milk/string-right.png);}
.guide-line-sp{width:267px;height:34px;background-image: url(../img/coconut_milk/string-sp.png);}
.bannerBottom-coconutMilk .line1{right:54px;top:33px;}
.bannerBottom-coconutMilk .line2{left:0px;top:118px;}
.bannerBottom-coconutMilk .line3{right:0px;top:265px;}
.bannerBottom-coconutMilk .line4{position:absolute;left:100px;top:316px;}
.bannerBottom-coconutMilk dt{font-size:22px;color:#E50112;margin-bottom:10px}
.bannerBottom-coconutMilk .text1{padding-right:54px;}
.bannerBottom-coconutMilk .text2{margin-top:-10px;}
.bannerBottom-coconutMilk .text3{margin-top: 51px;}
.bannerBottom-coconutMilk .text4{margin-top: -26px;margin-left:101px;}
.mbanner{height:640px;position:relative;z-index: -1;}
.mbanner1{background:url(../img/coconut_milk/mbanner1.jpg) 50% 0;height:526px !important;}
.mbanner2{background:url(../img/coconut_milk/mbanner2.jpg) 50% 0;}
.mbanner2 p{position: absolute;width:680px;left:50%;bottom:275px;margin-left:-240px;line-height: 24px;letter-spacing: 2.8px; font-size: 14px; color: #333;}
.mbanner3{background:url(../img/coconut_milk/mbanner3.jpg) 50% 0;}
.mbanner3 p{position: absolute;width:410px;left:50%;bottom:265px;margin-left:-10px;line-height: 24px;letter-spacing: 2.8px; font-size: 14px; color: #333;}
.mbanner4{background:url(../img/coconut_milk/mbanner4.jpg) 50% 0;padding-top:0px !important;}
.mbanner4 .word1{margin-top: 155px; margin-left: 63px;}
.mbanner4 .word2{margin-left: 280px;margin-top: 92px;margin-bottom: 12px;width: 340px;}
.mbanner4 .word3{margin-left: 60px;width: 514px;margin-top: 132px;position: relative;}
.mbanner4 .word3 dd{position: absolute;top:35px}
/*ling-talk*/
.lingtalk-container{width:980px;height:100%;margin:auto;position: relative;background: url(../img/ling_talk/bg.png);}
.lingtalk-container div{position: absolute;}
.lingtalk-container .param p{font-size:15px;width:90%;letter-spacing: 1px;color:#323232;}
.lingtalk-page-1{background: url(../img/ling_talk/bg1.jpg);}
.lingtalk-page-2{background: url(../img/ling_talk/bg2.jpg);}
.lingtalk-page-3{background: url(../img/ling_talk/bg3.jpg);}
.lingtalk-page-4{background: url(../img/ling_talk/bg4.jpg);}
.lingtalk-page-1 .pic1{width:336px;height:207px;top:120px;left:140px;z-index: 10;}
.lingtalk-page-1 .pic2{width:343px;height:386px;bottom:0px;left:90px;}
.lingtalk-page-1 .pic3{width:259px;height:230px;bottom:15px;right:140px;}
.lingtalk-page-1 .pic4{width:154px;height:126px;bottom:115px;left:420px;z-index: 99;}
.lingtalk-page-1 .param{width:400px;right:70px;top:140px;}
.lingtalk-page-1 .param-1:first-letter{font-size:22px;font-weight:bold;}
.lingtalk-page-2 .pic{width:343px;height:550px;top:60px;left:110px;}
.lingtalk-page-2 .pic-hand{width:63px;height:66px;left:365px;bottom:130px;}
.lingtalk-page-2 .pic-iconTop{width:299px;height:84px;top:50px;left:520px;}
.lingtalk-page-2 .text-box{width:400px;top:160px;right:50px;}
.lingtalk-page-2 ul li{list-style-type: square;}
.lingtalk-page3-bg{width:710px;height:547px;top:40px;left:65px;}
.lingtalk-page3-paper{width:83px;height:65px;left:455px;bottom:80px;z-index: 99;}
.lingtalk-page3-pen{width:27px;height:29px;left:450px;bottom:100px;}
.lingtalk-page3-top{width:291px;height:103px;padding:14px 25px; background-image: url(../img/ling_talk/a.png);left:90px;bottom:190px;}
.lingtalk-page3-top p{font-size:16px;}
.lingtalk-page3-bottom{width:431px;height:135px;right:40px;bottom:55px;z-index: 100;}
.lingtalk-page4-bg{width:795px;height:619px;left:92px;top:10px;}
.lingtalk-page4-figure{width:144px;height:138px;right:115px;bottom:30px;z-index: 100;}
.lingtalk-page4-pen{width:104px;height:68px;left:646px;top:494px;z-index: 50;}
.lingtalk-page4-param{width:540px;height:230px;left:135px;bottom:40px;padding:40px 30px;}
.linetalk-banner-bottom{height:640px;padding-top:20px;background: url(../img/ling_talk/banner-bottom.png) 50% 0;}
.linetalk-banner-bottom a{width:248px;height:82px;margin:auto;margin-bottom:10px;background-image: url(../img/ling_talk/banner-bottom-title.png);}
/*cooperation*/
.banner-cooperation{background: url(../img/cooperation/banner.png) 50% 0;}
.banner-cooperation h4{padding-top:115px;}
.banner-cooperation p{font-size:16px;line-height:30px;}
/*join_us*/
.bannerTop-joinUs{background:url(../img/join_us.png) 50% 0;}
.shareBox-sp{margin-top: 98px!important;}
.container-wrapper{padding-top:170px;}
.container-wrapper h5,.container-wrapper h6{margin:15px 0;}
.container-wrapper h6{margin-bottom: 10px;}
.container-wrapper h6{color:#323232;font-size:15px;}
.container-wrapper ol{margin-bottom:20px;margin-top: 10px;width: 750px;}
.stringBox{height:1px;background-color: rgba(0,0,0,0.06);margin:40px 0;margin-bottom:25px;}
/*privacy_statement*/
.privacy-item-box{margin-bottom: 40px;}
.privacy-item-box p{text-indent: 26px;}
